<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1">
<title>无标题文档</title>
<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
   <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
   <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>


<body>
<div class="container">
<ul class="nav nav-tabs">
   <li class="active"><a href="#">一聘网</a></li>
   <li><a href="#">赶集网</a></li>
   <li><a href="#">智联招聘</a></li>
   <li><a href="#">应届生求职网</a></li>
   <li><a href="#">前程无忧</a></li>
   
   <li style="float:right"><a href="#">免费注册</a></li>
   <li style="float:right"><a href="#">会员登陆</a></li>
</ul>
<div>
<span style="font-size:30px; font-weight:bold; color:#33FF00">一聘网</span>
<h4 style="float:right">关注一聘，关注人生</h4>
</div>



<br />

<div id="myCarousel" class="carousel slide" style="float:left; width:60%; ">
   <!-- 轮播（Carousel）指标 -->
   <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
   </ol>   
   <!-- 轮播（Carousel）项目 -->
   <div class="carousel-inner">
      <div class="item active">
	  
         <img src="http://pic29.nipic.com/20130508/9252150_163600489317_2.jpg" alt="First slide">
      </div>
      <div class="item">
         <img src="http://pic32.nipic.com/20130814/13162234_111708002000_2.jpg" alt="Second slide">
      </div>
      <div class="item">
         <img src="http://pic6.huitu.com/res/20130116/84481_20130116142820494200_1.jpg" alt="Third slide">
      </div>
   </div>
   <!-- 轮播（Carousel）导航 -->
   <a class="carousel-control left" href="#myCarousel" 
      data-slide="prev">&lsaquo;</a>
   <a class="carousel-control right" href="#myCarousel" 
      data-slide="next">&rsaquo;</a>
</div> 
<h2 align="center">欢迎登陆！</h2>
<div class="panel panel-default" style="float:right; margin-top:70px; margin-right:50px; width:30%" >
<div class="panelbody">

<form role="form">
   <div class="form-group">
      <label for="name">用户名</label>
      <input type="text" class="form-control" id="name" 
         placeholder="请输入您的用户名">
   </div>
   <div class="form-group">
      <label for="name">密码</label> <span style="float:right"><a href="#">忘记密码？</a></span>
      <input type="text" class="form-control" id="name" 
         placeholder="请输您的入密码">
   </div>
   <div class="checkbox">
      <label>
      <input type="checkbox"> 下次自动登陆（公共场所请勿勾选）
      </label>
   </div>
   
   <button type="submit" class="btn btn-default">提交</button>
</form>
<br/>
<div>
使用合作网站账号登陆？ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">QQ</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">微博</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">微信</a>

</div>
</div>
</div>
</div>
</body>
</html>
